<template>
<div class="city">
    <div></div>
    <city-header></city-header>
    <city-list :cities="cities" :hotCities="hotCities"></city-list>
</div>
    
</template>

<script>
import CityHeader from '../city/pages/header.vue'
import CityList from '../city/pages/list.vue'
export default {
    name:"city",
    components:{
        CityHeader,
        CityList
    },
    data(){
        return{
            hotCities:[],
            cities:{}
        }
    },
    mounted(){
        this.$http.get("/api/city.json").then((res)=>{
            let data=res.data.data;
            this.hotCities=data.hotCities
            this.cities=data.cities
             
        })
    }
}
</script>

<style scoped>
.city{
    background: #f5f5f5 ;
    height:100%;
}
</style>